<template>
  <div>
    <el-row>
      <el-col :span="24">
        <div class="header">欢迎 xxx!</div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4">
        <div class="aside">
          <dl>
            <dt>分类管理</dt>
            <dd>
              <router-link to="/addcate">添加分类</router-link> 
            </dd>
            <dd>
              <router-link to="/showcate">展示分类</router-link> 
            </dd>
          </dl>
           <dl>
            <dt>商品管理</dt>
            <dd>
               <router-link to="/addgoods">添加商品</router-link> 
            </dd>
            <dd>
              <router-link to="/ShowGood">展示商品</router-link> 
            </dd>
          </dl>
        </div>
      </el-col>
      <el-col :span="20">
        <div class="main">
            <router-view></router-view>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  created() {},
};
</script>

<style>
.header {
  height: 50px;
  background-color: #79aec8;
}

.aside {
  background-color: lightcyan;
  height: 600px;
}
.main {
  background-color: white;
  height: 600px;
}
dl{
    margin: 0px;
}
</style>